/*
 *基础样式
 */
 body{ list-style:none;}
.bolder{ font-weight:bolder !important;}
.tx-l{ text-align:left;}
.tx-r{text-align:right;}
.tx-c{ text-align:center;}
.t-wh{	color:#FFF;}

.t-bla
{
	color:black;
}

.t-gra{
	color:#838695;
}

.t-gra1{
	color:#707070;
}
.t-gra2{
	color:#9e9e9e;
}
.t-gra3{
	color:#b2b2b2;
}
.t-gra4{
	color:#cecece;
}
.t-gra5{
	color:#484848;
}
.t-gra6{
	color:#686868;
}
.t-gra7{
	color:#8f8f8f;
}

.t-blu
{
	color:#385487;
}
.t-blu1{
	color:#9ab5c4;
}
.t-blu2{
	color:#629dbe;
}
.t-blu3{
	color:#7eb9cf;
}
.t-blu4{
	color:#185eb2;
}
.t-yel
{
	color:#FFFF99;	
}
.t-org
{
	color:#FF6533;
}
.t-darkred
{
    color:#600210;	
}
.b-org
{
	background:#FF6533;
}
.border-left{ border-left:solid 1px;}
.border-right{ border-right:solid 1px;}
.border-top{border-top:solid 1px;}
.border-bottom{border-top:solid 1px;}
.border-color-gray{ border-color:#E7E7E7;}
/*文字定义*/
.t-small-size{font-size:.6em;}
.t-size0{ font-size:.8em;}
.t-size1{ font-size:1em;}
.t-size2{ font-size:1.2em;}
.t-size3{ font-size:1.5em;}
.t-size4{ font-size:2em;}
.t-normal{ font-style:normal;}
.iconfont{ width:21px;height:21px;font-size:1.2em;}


/*盒子定义*/
.uh,.uf {
	display: block;
	width:100%;
}
.ub
{
	display: -webkit-box ;
	display: box ;
    display:-webkit-flex; 
	display:flex;
	position:relative;
}

.ub-rev
{
	-webkit-box-direction:reverse;
	box-direction:reverse;
}

.ub-fh
{
	width:100%;
}

.ub-fv
{
	height:100%;
}

.ub-con
{
	position:absolute;
	width:100%;
	height:100%;
}

.ub-at
{
	-webkit-box-align:start;
	box-align:start;
}
.ub-ac
{
	-webkit-box-align:center;
	box-align:center;
	align-content: center ;
	-webkit-align-content: center ;


}
.ub-ae
{
	-webkit-box-align:end;
	box-align:end;
}

.ub-pt
{
	-webkit-box-pack:start;
	box-pack:start;
}
.ub-pc
{
	-webkit-box-pack:center;
	box-pack:center;
}
.ub-pe
{
	-webkit-box-pack:end;
	box-pack:end;
}
.ub-pj
{
	-webkit-box-pack:justify;
	box-pack:justify;
	justify-content: space-around;
    -webkit-justify-content: space-around;
}

.ub-ver
{
	-webkit-box-orient:vertical;
	box-orient:vertical;
	flex-direction:column ;
	-webkit-flex-direction:column ;


}

.ub-f1
{
	position:relative;
	-webkit-box-flex: 1; 
	box-flex: 1;
	-webkit-flex:1 0px;
	flex: 1 0px;
}

.ub-f2
{
	position:relative;
	-webkit-box-flex: 2;
	box-flex: 2;
	-webkit-flex:2;
	flex:2; 
}

.ub-f3
{
	position:relative;
	-webkit-box-flex: 3;
	box-flex: 3;
	-webkit-flex:3;
	flex:3;
}

.ub-f4
{
	position:relative;
	-webkit-box-flex: 4;
	box-flex: 4;
	-webkit-flex:4;
	flex:4;
}
/*填充间距设置*/
.no-uinn{padding:0;}
.uinn{padding-left: 15px; padding-right:15px;}
.uinn1{padding-top:44px !important;}
.uinn2{padding-top:50px !important;}
.uinn3{padding-bottom:5em !important;}
.uinn4{padding-top:1em;padding-bottom:1em;}
.uinn5{padding-top:25px !important;}
.uinn6{padding-top:.8em;padding-bottom:.8em;}
.full-size{padding:0;margin:0;}
.f-right{float:right;}
.f-left{ float:left;}
.clear{ clear:both;}
.hide{ display:none;}
.show{ display:block;}
/*其他自定义样式*/
a{color:white !important}
.page-content{background:#FFF;padding-top: 44px;}
.icon{font-size: .5em !important;}
.page-content h1{background: #FAFAFA; border-bottom: 1px #EEEEEE solid; text-indent: 1em;font-size:1.3em}
.page-content h2{border-left: 5px #ff9500 solid; font-size:1.2em;text-indent: .8em;padding: 0em;}
.gl_image{margin:0em 1em}
.gl_image img{width: 100%;}
.page-content span{font-size: .8em;color:#BBBBBB;margin:0em 1em}
.content{margin: 1em;font-size:1em;text-align: justify;line-height: 1.5em;text-indent: 2em;}
 .panel{opacity:0.8;filter:Alpha(opacity=80);}
.catalog{margin-top:1em;}
.title{margin-left:1em;margin-bottom:1em;padding-top:.2em;font-size:1.2em;}
.open-panel{font-size:1.1em !important;}
.title span{margin:0 .5em; color:white}
 .panel h1,.catalog_no div{text-indent:.8em;font-size:1.3em;margin:0;padding:.5em;}
 .panel ul{margin:0;padding:0;width:100%; display:flex;   display: -webkit-flex; flex-direction: row; flex-wrap:  wrap }
  .panel li{width:40%;line-height: 1.5em;margin-left:2em;margin-right:0em;margin-top:1em;margin-bottom:1em;font-size:.8em;}
.catalog_no{background: #000; width:100%;display:flex; display: -webkit-flex; flex-direction: row; }
.catalog_no h1{flex:5;}
.catalog_no div{flex:1;}
.orange{background: #ff9500; }
